/* Шапка */
.club_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    
    margin-bottom: 14px;
    padding: 12px 12px 12px 24px;
    
    background: url("data:image/svg+xml,%3Csvg width='790' height='158' viewBox='0 0 790 158' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.1'%3E%3Cmask id='mask0_29_1208' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='790' height='158'%3E%3Crect width='790' height='158' fill='url(%23paint0_radial_29_1208)' /%3E%3C/mask%3E%3Cg mask='url(%23mask0_29_1208)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M520.568 -11.8474C516.385 -15.8879 513.297 -20.3714 510.21 -24.8548C507.122 -29.3382 504.361 -34.5903 502.147 -40.064C499.933 -45.5377 498.267 -51.2329 497.149 -57.1495C496.03 -63.0662 495.68 -68.6568 495.878 -74.469C496.705 -88.1784 500.608 -100.584 507.703 -109.823C514.577 -119.609 524.643 -126.227 537.028 -128.689L605.966 -142.558C561.61 -214.422 479.868 -222.761 440.383 -222.714L442.806 -219.873C447.874 -213.643 450.31 -207.622 451.416 -204.885C452.523 -202.148 452.523 -202.148 452.523 -202.148C454.073 -198.317 451.021 -193.261 446.966 -192.258C446.418 -192.036 445.871 -191.815 445.323 -191.593C364.292 -185.571 310.99 -125.163 287.643 -91.5185C335.073 -108.153 375.478 -96.471 375.478 -96.471C379.871 -95.0629 382.189 -90.9055 380.78 -86.514C380.022 -83.6601 377.506 -82.0054 374.768 -80.8981C374.768 -80.8981 279.639 -60.8948 221.794 16.6364C216.12 24.6632 210.773 31.9212 205.973 38.9577C176.089 84.7994 170.497 115.085 169.344 129.563C182.486 124.248 205.927 116.041 236.522 114.495C257.797 113.533 281.495 115.413 307.628 123.314C376.368 145.192 450.583 104.986 456.933 101.781C461.313 100.009 466.032 100.649 468.129 104.259C469.679 108.09 468.817 112.26 465.426 114.905C438.618 132.117 427.294 154.53 422.96 169.021C429.31 165.816 435.333 163.379 442.673 161.048C455.384 157.818 471.066 157.207 496.081 159.192C513.522 159.781 530.835 155.326 544.408 147.926C557.981 140.526 568.362 129.959 571.065 119.312C579.406 91.0995 602.731 81.0292 602.731 81.0292C606.564 79.479 611.504 80.6657 613.054 84.4972C613.496 85.592 613.939 86.6866 613.834 88.0028C614.429 100.5 611.633 115.643 608.277 127.827C632.534 102.732 644.045 71.3265 648.215 42.2531C652.933 12.9581 650.859 -14.2266 648.493 -31.1032L588.516 3.34429C578.228 9.41565 566.717 10.8867 554.973 8.63048C543.776 6.15283 532.568 0.495415 522.77 -9.55353L520.568 -11.8474Z' fill='white' /%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_29_1208' cx='0' cy='0' r='1' gradientTransform='matrix(-600 175.123 -246.433 -511.48 622 50.5911)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237CB2AA' /%3E%3Cstop offset='1' stop-color='%2384C5A7' /%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat right top, radial-gradient(325.22% 134.36% at 78.73% 32.02%, #7cb2aa 0%, #84c5a7 100%);
    border-radius: 10px;
}

@media (max-width: 700px) {
    .club_header {
        flex-wrap: wrap;
        gap: 20px;
    }
}

/* Виджет продления доступа */
.wg_access {
    padding: 24px 22px;

    border-radius: 18px;
    background: #FFFFFF;
}

.access_wrapper {
    text-align: left;
}

.access_days {
    position: relative;
    margin-bottom: 10px;
    font-family: "Geologica", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.02em;
    color: #1D1D1B !important;
    text-align: left;
}

.access_days::before {
    content: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7466 0C10.552 0 9.40629 0.47559 8.56159 1.32215C7.71688 2.1687 7.24233 3.31688 7.24233 4.51409C7.24069 5.07969 7.34774 5.64031 7.55763 6.16535C7.54862 6.17438 7.5306 6.1834 7.52159 6.19243L3.9092 9.82357L2.47415 8.38989C2.30425 8.22544 2.0767 8.13444 1.8405 8.13649C1.6043 8.13855 1.37836 8.2335 1.21133 8.40089C1.04431 8.56828 0.949566 8.79472 0.947514 9.03143C0.945461 9.26815 1.03626 9.4962 1.20036 9.66648L2.6318 11.1047L2.10481 11.6346L1.57331 11.1029C1.49177 11.0112 1.39242 10.9371 1.28135 10.8853C1.17027 10.8334 1.0498 10.8048 0.927314 10.8012C0.804825 10.7976 0.682889 10.819 0.568965 10.8643C0.455042 10.9095 0.351528 10.9776 0.264754 11.0643C0.177981 11.151 0.109774 11.2546 0.0643058 11.3686C0.0188375 11.4827 -0.00293595 11.6048 0.000317591 11.7276C0.00357113 11.8503 0.0317832 11.9712 0.0832279 12.0826C0.134673 12.1941 0.208268 12.2939 0.299512 12.3758L0.831912 12.9085L0.570667 13.1712C0.401818 13.3371 0.267686 13.5351 0.176118 13.7536C0.08455 13.9721 0.0373861 14.2067 0.0373861 14.4437C0.0373861 14.6807 0.08455 14.9153 0.176118 15.1338C0.267686 15.3523 0.401818 15.5503 0.570667 15.7163C0.736301 15.8855 0.933948 16.02 1.15205 16.1117C1.37014 16.2035 1.60431 16.2508 1.84086 16.2508C2.0774 16.2508 2.31157 16.2035 2.52967 16.1117C2.74777 16.02 2.94542 15.8855 3.11105 15.7163L10.0719 8.74831C10.0809 8.73928 10.0899 8.72122 10.0989 8.7122C10.6228 8.92252 11.1822 9.0298 11.7466 9.02818C12.9412 9.02818 14.0868 8.55259 14.9315 7.70604C15.7762 6.85948 16.2508 5.7113 16.2508 4.51409C16.2508 3.31688 15.7762 2.1687 14.9315 1.32215C14.0868 0.47559 12.9412 0 11.7466 0ZM11.7466 6.31973C11.3902 6.31973 11.0419 6.21383 10.7456 6.01542C10.4493 5.81702 10.2184 5.53502 10.082 5.20508C9.94565 4.87514 9.90997 4.51209 9.97948 4.16183C10.049 3.81157 10.2206 3.48984 10.4726 3.23731C10.7245 2.98479 11.0456 2.81282 11.3951 2.74315C11.7446 2.67348 12.1068 2.70924 12.436 2.8459C12.7653 2.98257 13.0466 3.214 13.2446 3.51093C13.4426 3.80787 13.5482 4.15697 13.5482 4.51409C13.5482 4.99298 13.3584 5.45225 13.0205 5.79087C12.6827 6.12949 12.2244 6.31973 11.7466 6.31973Z' fill='%2369A59D' /%3E%3C/svg%3E");
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.access_days span {
    color: #44A6A9;
}

.access_date {
    position: relative;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #585d61;
    text-align: left;
}

.access_date::before {
    content: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.12539' cy='8.12539' r='8.12539' fill='%2369A59D' /%3E%3Cpath d='M5.59706 5.65444V6.41471C5.59706 6.61635 5.67315 6.80973 5.8086 6.95231C5.94405 7.09489 6.12776 7.17499 6.31931 7.17499C6.51087 7.17499 6.69458 7.09489 6.83003 6.95231C6.96548 6.80973 7.04157 6.61635 7.04157 6.41471V5.65444H9.20834V6.41471C9.20834 6.61635 9.28444 6.80973 9.41989 6.95231C9.55534 7.09489 9.73904 7.17499 9.9306 7.17499C10.1222 7.17499 10.3059 7.09489 10.4413 6.95231C10.5768 6.80973 10.6529 6.61635 10.6529 6.41471V5.65444C10.9402 5.65444 11.2158 5.77459 11.4189 5.98846C11.6221 6.20233 11.7362 6.4924 11.7362 6.79485V7.55512H4.51367V6.79485C4.51367 6.4924 4.62781 6.20233 4.83099 5.98846C5.03416 5.77459 5.30973 5.65444 5.59706 5.65444ZM11.7362 8.31539V10.5962C11.7362 10.8987 11.6221 11.1887 11.4189 11.4026C11.2158 11.6165 10.9402 11.7366 10.6529 11.7366H5.59706C5.30973 11.7366 5.03416 11.6165 4.83099 11.4026C4.62781 11.1887 4.51367 10.8987 4.51367 10.5962V8.31539H11.7362ZM9.9306 4.51404C10.0264 4.51404 10.1182 4.55409 10.186 4.62538C10.2537 4.69667 10.2917 4.79336 10.2917 4.89417V6.41471C10.2917 6.51553 10.2537 6.61222 10.186 6.68351C10.1182 6.7548 10.0264 6.79485 9.9306 6.79485C9.83482 6.79485 9.74297 6.7548 9.67524 6.68351C9.60752 6.61222 9.56947 6.51553 9.56947 6.41471V4.89417C9.56947 4.79336 9.60752 4.69667 9.67524 4.62538C9.74297 4.55409 9.83482 4.51404 9.9306 4.51404ZM6.31931 4.51404C6.41509 4.51404 6.50695 4.55409 6.57467 4.62538C6.6424 4.69667 6.68044 4.79336 6.68044 4.89417V6.41471C6.68044 6.51553 6.6424 6.61222 6.57467 6.68351C6.50695 6.7548 6.41509 6.79485 6.31931 6.79485C6.22354 6.79485 6.13168 6.7548 6.06396 6.68351C5.99623 6.61222 5.95819 6.51553 5.95819 6.41471V4.89417C5.95819 4.79336 5.99623 4.69667 6.06396 4.62538C6.13168 4.55409 6.22354 4.51404 6.31931 4.51404Z' fill='white' /%3E%3C/svg%3E");
    position: relative;
    top: 5px;
    margin-right: 5px;
}


.access_prolong_btn {
    padding: 8px 14px;
    margin-top: 20px;
    
    padding: 10px 30px;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 0.97;
    color: #fff;
    box-shadow: 0 2px 0 0 #44846e;
    background: linear-gradient(176deg, #33363f 0%, #1d1d1b 100%);
    border-radius: 6px;
    border: none;
    transition: all .3s;
}

.access_prolong_btn:hover {
    transform: scale(1.04);
}

.btn-prolongate {
    box-shadow: inset 0 4px 11px 0 rgba(255, 255, 255, 0.47);
    background: #7CB2AA;
    border: none;
    border-radius: 30px;
    transition: all .3s;
}

.modal-header .close {
    margin-top: -20px;
}

.prolong-offers-container label + div {
    font-size: 11px;
}

.prolong_offer_input {
    position: relative;
    top: 3px;
}

.prolong-form-container .user-product-block > * {
    display: none;
}

.prolong-form-container .user-product-block .prolong-offers {
    display: block !important;
    padding-top: 0;
}

@media (max-width: 992px) {
    .wg_access {
        margin-left: 20px;
    }
}

@media (max-width: 700px) {
    .club_header {
        padding: 20px;
        
    }
    .wg_access {
        margin-left: 0;
        width: 100%;
    }
}

/* ─── .club_topPart — flex-контейнер ─── */
.club_topPart {
  display: flex;
  align-items: flex-start;
    flex-wrap: wrap;
  gap: 20px 16px;
  margin: 0 auto 60px;
  padding: 0;
  max-width: 100%;
  box-sizing: border-box;
}

/* ─── .ll — карточка регламента (слева) ─── */
.club_topPart .ll {
  flex: 1 1 45%;
  max-width: 50%;
  margin: 0;
}

/* ─── .bb — кнопки Telegram (справа) ─── */
.club_topPart .bb {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
}

/* ─── Кнопки Telegram ─── */
.club_topPart .bb .tg_btn_1,
.club_topPart .bb .tg_btn_2 {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  flex: 1 1 auto;
  padding: 16px 60px 16px 20px;
  margin: 0;
  min-height: 84px;
  font-family: Geologica, sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 1.1;
  color: #ffffff;
  text-align: left;
  white-space: normal;
  word-wrap: break-word;
  background: #37aee2 url("data:image/svg+xml,%3Csvg width='58' height='56' viewBox='0 0 58 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29 0C45.0163 0 58 12.4831 58 27.8818C58 42.1961 46.7804 53.9888 32.335 55.5791C32.3516 55.4512 32.3623 55.321 32.3623 55.1885V47.0449C32.3621 45.3883 31.019 44.045 29.3623 44.0449H28.6377C26.981 44.0449 25.6379 45.3882 25.6377 47.0449V55.1885C25.6377 55.3209 25.6464 55.4512 25.6631 55.5791C11.2186 53.988 0 42.1955 0 27.8818C1.3938e-05 12.4831 12.9838 0 29 0ZM26.7158 5.65723C26.7158 6.65183 26.629 8.39227 25.8896 10.4229C25.3677 11.8319 24.5847 13.3244 23.3232 14.8164C19.9302 18.7122 20.6264 24.5974 20.6699 25.0947C20.6699 25.4262 20.4957 25.7162 20.1914 25.7578C19.8869 25.7578 19.6261 25.5919 19.5391 25.3018C19.1041 23.1054 17.8856 21.7793 17.0156 21.1162C17.0591 21.6135 17.0591 22.0697 17.0156 22.6084C16.8851 23.5201 16.4934 24.5562 15.667 26.1309C15.1451 27.2497 14.9712 28.4929 15.1016 29.5703C15.2321 30.6478 15.6669 31.6017 16.3193 32.0576C18.0033 33.3329 18.0588 35.0979 18.0596 35.124C18.0596 35.4141 17.8416 35.7041 17.5371 35.7041C17.4503 35.7041 17.3632 35.7045 17.2764 35.6631C16.4064 35.373 15.4494 34.7926 14.71 34.2539C15.7539 36.4917 17.5808 38.0664 19.4512 39.1025C21.3217 40.1801 23.2361 40.7607 24.4541 41.0508L23.7578 36.2432C23.6274 35.4145 23.845 34.6272 24.3232 33.9229C24.8017 33.2597 25.4981 32.6787 26.4551 32.3057L26.6729 32.2236C27.0642 32.0579 27.4553 31.9745 27.8467 31.8916C28.2381 31.8087 28.6735 31.7676 29.1084 31.7676C29.5434 31.7676 29.9791 31.8087 30.4141 31.8916C30.8489 31.9745 31.2404 32.0989 31.6318 32.2646C32.5453 32.6791 33.2847 33.2593 33.7197 33.9639C34.1981 34.6683 34.3721 35.497 34.1982 36.3672L33.2412 41.2168C39.3747 40.2221 42.2025 35.1243 43.29 32.5547L43.0283 32.6377C42.4633 32.8033 41.9852 32.8037 41.7676 32.8037H41.5498C41.2453 32.8037 40.9838 32.4718 41.0273 32.1816V32.0576C42.8544 26.6284 40.2009 21.5718 38.5479 19.168C38.3739 22.6908 36.46 25.0117 36.46 25.0117C36.2425 25.2603 35.8948 25.3019 35.6338 25.0947C35.4598 24.9704 35.416 24.7629 35.416 24.5557C35.4246 24.5099 36.665 17.8223 32.9805 12.04C32.589 11.4598 32.2406 10.9202 31.8926 10.4229C29.5872 7.27333 27.6728 6.1131 26.7158 5.65723Z' fill='%23ffffff20' /%3E%3C/svg%3E") no-repeat calc(100% - 20px) center;
  border: none;
  border-radius: 10px;
  box-shadow: none;
  outline: none;
  text-decoration: none;
  box-sizing: border-box;
  cursor: pointer;
  transition: opacity 0.2s;
}

.club_topPart .bb .tg_btn_1.tg_dis {
    background: #4c585e url("data:image/svg+xml,%3Csvg width='58' height='56' viewBox='0 0 58 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29 0C45.0163 0 58 12.4831 58 27.8818C58 42.1961 46.7804 53.9888 32.335 55.5791C32.3516 55.4512 32.3623 55.321 32.3623 55.1885V47.0449C32.3621 45.3883 31.019 44.045 29.3623 44.0449H28.6377C26.981 44.0449 25.6379 45.3882 25.6377 47.0449V55.1885C25.6377 55.3209 25.6464 55.4512 25.6631 55.5791C11.2186 53.988 0 42.1955 0 27.8818C1.3938e-05 12.4831 12.9838 0 29 0ZM26.7158 5.65723C26.7158 6.65183 26.629 8.39227 25.8896 10.4229C25.3677 11.8319 24.5847 13.3244 23.3232 14.8164C19.9302 18.7122 20.6264 24.5974 20.6699 25.0947C20.6699 25.4262 20.4957 25.7162 20.1914 25.7578C19.8869 25.7578 19.6261 25.5919 19.5391 25.3018C19.1041 23.1054 17.8856 21.7793 17.0156 21.1162C17.0591 21.6135 17.0591 22.0697 17.0156 22.6084C16.8851 23.5201 16.4934 24.5562 15.667 26.1309C15.1451 27.2497 14.9712 28.4929 15.1016 29.5703C15.2321 30.6478 15.6669 31.6017 16.3193 32.0576C18.0033 33.3329 18.0588 35.0979 18.0596 35.124C18.0596 35.4141 17.8416 35.7041 17.5371 35.7041C17.4503 35.7041 17.3632 35.7045 17.2764 35.6631C16.4064 35.373 15.4494 34.7926 14.71 34.2539C15.7539 36.4917 17.5808 38.0664 19.4512 39.1025C21.3217 40.1801 23.2361 40.7607 24.4541 41.0508L23.7578 36.2432C23.6274 35.4145 23.845 34.6272 24.3232 33.9229C24.8017 33.2597 25.4981 32.6787 26.4551 32.3057L26.6729 32.2236C27.0642 32.0579 27.4553 31.9745 27.8467 31.8916C28.2381 31.8087 28.6735 31.7676 29.1084 31.7676C29.5434 31.7676 29.9791 31.8087 30.4141 31.8916C30.8489 31.9745 31.2404 32.0989 31.6318 32.2646C32.5453 32.6791 33.2847 33.2593 33.7197 33.9639C34.1981 34.6683 34.3721 35.497 34.1982 36.3672L33.2412 41.2168C39.3747 40.2221 42.2025 35.1243 43.29 32.5547L43.0283 32.6377C42.4633 32.8033 41.9852 32.8037 41.7676 32.8037H41.5498C41.2453 32.8037 40.9838 32.4718 41.0273 32.1816V32.0576C42.8544 26.6284 40.2009 21.5718 38.5479 19.168C38.3739 22.6908 36.46 25.0117 36.46 25.0117C36.2425 25.2603 35.8948 25.3019 35.6338 25.0947C35.4598 24.9704 35.416 24.7629 35.416 24.5557C35.4246 24.5099 36.665 17.8223 32.9805 12.04C32.589 11.4598 32.2406 10.9202 31.8926 10.4229C29.5872 7.27333 27.6728 6.1131 26.7158 5.65723Z' fill='%23ffffff20' /%3E%3C/svg%3E") no-repeat calc(100% - 20px) center;
    transition: none;
}

.club_topPart .bb .tg_btn_1:hover,
.club_topPart .bb .tg_btn_2:hover {
  opacity: 0.8;
}

.club_topPart .bb .tg_btn_1.tg_dis:hover {
    opacity: 1;
}

/* Иконка Telegram — через ::before (data-URI) */
.club_topPart .bb .tg_btn_1::before,
.club_topPart .bb .tg_btn_2::before {
  content: "";
  display: block;
  width: 46px;
  height: 46px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.6667 0C18.1838 0 13.8012 1.32937 10.0737 3.82001C6.34624 6.31065 3.441 9.85071 1.72541 13.9925C0.00983032 18.1342 -0.439056 22.6919 0.435538 27.0886C1.31013 31.4857 3.46893 35.5243 6.63892 38.6945C9.80891 41.8645 13.8477 44.0232 18.2447 44.8979C22.6414 45.7725 27.1991 45.3234 31.3409 43.6078C35.4827 41.8923 39.0226 38.9872 41.5134 35.2597C44.0039 31.5322 45.3333 27.1498 45.3333 22.6667C45.3333 16.6551 42.9451 10.8897 38.6945 6.63893C34.4437 2.38808 28.6781 0 22.6667 0ZM33.8017 15.5267L30.09 33.065C29.8067 34.3117 29.07 34.595 28.0217 34.0283L22.355 29.835L19.5217 32.47C19.3882 32.6442 19.2168 32.7859 19.0204 32.8842C18.8241 32.9823 18.6079 33.0344 18.3883 33.0367L18.785 27.37L29.2683 17.8783C29.75 17.4817 29.2683 17.255 28.5883 17.6517L15.725 25.7267L10.0583 23.97C8.84 23.6017 8.81166 22.7517 10.3133 22.185L32.1583 13.685C33.235 13.3733 34.1417 13.9967 33.8017 15.5267Z' fill='white'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Текстовая группа */
.club_topPart .tg-btn-text-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* Подзаголовок (20px) */
.club_topPart .tg-btn-subtitle {
  font-weight: 200;
  font-size: 20px;
  line-height: 1.1;
  color: #ffffff;
  font-family: Geologica, sans-serif;
}

/* Заголовок (24px) */
.club_topPart .tg-btn-title {
  font-weight: 200;
  font-size: 24px;
  line-height: 1.1;
  color: #ffffff;
  font-family: Geologica, sans-serif;
    text-transform: uppercase;
}

/* ─── .telegram_instruction — на всю ширину ниже ─── */
.club_topPart .telegram_instruction {
  flex: 0 0 100%;
  max-width: 1170px;
}

/* ===== Telegram instruction (по дизайну из Figma) ===== */
.telegram_instruction {
  margin: 20px 0;
  padding: 22px 22px;
  width: 100%;
  max-width: 1170px;
  background-color: #ffffff;
  border: 1px dashed #7cb2aa;
  border-radius: 12px;
  box-sizing: border-box;
}

.telegram_instruction .xdget-html {
  margin: 0 0 28px;
  padding: 0;
}

.telegram_instruction .xdget-html .html-content {
  font-family: Geologica, sans-serif;
  font-weight: 100;
  font-size: 16px;
  line-height: 1.2;
  color: #000000;
}

.telegram_instruction .xdget-html .html-content p {
  margin: 0 0 16px;
  font-weight: 100;
}

.telegram_instruction .xdget-html .html-content strong {
  font-weight: 400;
  font-family: Geologica, sans-serif;
}

.telegram_instruction .xdget-button.newtg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0;
  padding: 8px 28px;
  min-height: 50px;
  font-family: Geologica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1;
  color: #ffffff;
  background-color: #37aee2;
  border: none;
  border-radius: 6px;
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.telegram_instruction .xdget-button.newtg:hover {
  background-color: #2d99c8;
}

.telegram_instruction .xdget-button.newtg i.fa-telegram {
  margin-right: 4px;
  font-size: 18px;
  color: #ffffff;
}

.club_topPart .lesson-list:not(.fast-edit) li a .info tr::after {
    color: #fff;
    box-shadow: 0 2px 0 0 #44846e;
    background: linear-gradient(176deg, #33363f 0%, #1d1d1b 100%);
}

.club_topPart .lesson-list:not(.fast-edit) li a .info tr::before {
    width: 85px;
    background: #e5f0ee url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.3162 5.39681H10.6845C10.2536 7.75041 8.56841 9.66979 6.34863 10.4348V40.0001H33.6521V10.4348C31.4325 9.66979 29.7471 7.75041 29.3162 5.39681ZM13.7686 37.7159H11.3923V12.1419H13.7686V37.7159ZM21.1885 37.7159H18.8123V12.1419H21.1885V37.7159ZM28.6085 37.7159H26.2322V12.1419H28.6085V37.7159ZM28.7586 9.85768H11.2422V7.48143H28.7585V9.85768H28.7586Z' fill='%231D1D1B' /%3E%3Cpath d='M9.26855 -7.62939e-06C9.97863 0.852261 10.4764 1.88617 10.6842 3.02063H29.3158C29.5235 1.88617 30.0214 0.852339 30.7314 -7.62939e-06H9.26855Z' fill='%231D1D1B' /%3E%3Cpath d='M4.20876 6.10352e-05C1.88797 6.10352e-05 0 1.88804 0 4.20882C0 6.52946 1.88797 8.41751 4.20876 8.41751C6.5294 8.41751 8.41745 6.52953 8.41745 4.20882C8.41737 1.88804 6.5294 6.10352e-05 4.20876 6.10352e-05ZM4.20876 6.23086C3.09204 6.23086 2.18665 5.32555 2.18665 4.20875C2.18665 3.09195 3.09196 2.18663 4.20876 2.18663C5.32556 2.18663 6.23088 3.09187 6.23088 4.20875C6.2308 5.32555 5.32549 6.23086 4.20876 6.23086Z' fill='%231D1D1B' /%3E%3Cpath d='M35.7908 -7.62939e-06C33.4701 -7.62939e-06 31.582 1.88797 31.582 4.20876C31.582 6.52939 33.47 8.41744 35.7908 8.41744C38.1116 8.41744 39.9996 6.52939 39.9996 4.20876C39.9996 1.88797 38.1116 -7.62939e-06 35.7908 -7.62939e-06ZM35.7908 6.23079C34.6741 6.23079 33.7687 5.32548 33.7687 4.20868C33.7687 3.09188 34.674 2.18656 35.7908 2.18656C36.9076 2.18656 37.8129 3.09188 37.8129 4.20868C37.813 5.32548 36.9077 6.23079 35.7908 6.23079Z' fill='%231D1D1B' /%3E%3C/svg%3E") no-repeat center / 40px;
}

.club_topPart .lesson-list:not(.fast-edit) li a .info tr {
    padding-left: 100px;
}

@media (max-width: 700px) {
	.club_topPart .lesson-list:not(.fast-edit) li a .info tr {
	    padding-left: 0px;
	}
}


/* ══════════ АДАПТИВ (≤1200px) ══════════ */
@media (max-width: 1200px) {
    .club_topPart .ll,
    .club_topPart .bb {
        flex: 1 1 45%;
    }
    .club_topPart .bb .tg_btn_1::before, 
    .club_topPart .bb .tg_btn_2::before {
        width: 20px;
    }
    
    .club_topPart .tg-btn-subtitle {
        font-size: 18px;
    }
}

/* ══════════ АДАПТИВ (≤768px) ══════════ */
@media (max-width: 992px) {
  .club_topPart {
    gap: 12px;
    padding: 0 10px;
  }

  .club_topPart .ll {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .club_topPart .bb {
    flex: 0 0 100%;
    justify-content: center;
    flex-wrap: wrap;
  }

  .club_topPart .bb .tg_btn_1,
  .club_topPart .bb .tg_btn_2 {
    flex: 1 1 294px;
    max-width: 100%;
  }
    
    .club_topPart .bb .tg_btn_1::before, 
    .club_topPart .bb .tg_btn_2::before {
        width: 46px;
    }
}

/* Материалы клуба */
.club_sections tbody {
    display: flex;
    justify-content: start;
    gap: 16px;
}

.club_sections tbody tr:hover {
    transform: scale(1.04) !important;
}

.club_sections tbody.training-group-special tr {
    flex: 1 1 30%;
    max-width: calc(100% / 3 - 10px);
}

.club_sections tbody.training-group-other tr {
    flex: 1 1 20%;
    max-width: calc(100% / 4 - 10px);
}

.club_sections tbody a::before,
.club_sections tbody .stream-description {
    display: none;
}

.club_sections tbody a {
    padding: 20px !important;
    max-width: 100% !important;
    width: 100%;
    border-radius: 10px !important;
}


.club_sections tbody a::after {
    content: 'Перейти';
}

.club_sections tbody a .training-image {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translatey(-50%);
}

/* Главные разделы */

.club_sections tbody.training-group-special a {
    background: url("data:image/svg+xml,%3Csvg width='378' height='169' viewBox='0 0 378 169' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.1'%3E%3Cmask id='mask0_29_1241' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='378' height='169'%3E%3Crect width='378' height='169' fill='url(%23paint0_radial_29_1241)' /%3E%3C/mask%3E%3Cg mask='url(%23mask0_29_1241)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M389.568 -35.8474C385.385 -39.8879 382.297 -44.3714 379.21 -48.8548C376.122 -53.3382 373.361 -58.5903 371.147 -64.064C368.933 -69.5377 367.267 -75.2329 366.149 -81.1495C365.03 -87.0662 364.68 -92.6568 364.878 -98.469C365.705 -112.178 369.608 -124.584 376.703 -133.823C383.577 -143.609 393.643 -150.227 406.028 -152.689L474.966 -166.558C430.61 -238.422 348.868 -246.761 309.383 -246.714L311.806 -243.873C316.874 -237.643 319.31 -231.622 320.416 -228.885C321.523 -226.148 321.523 -226.148 321.523 -226.148C323.073 -222.317 320.021 -217.261 315.966 -216.258C315.418 -216.036 314.871 -215.815 314.323 -215.593C233.292 -209.571 179.99 -149.163 156.643 -115.519C204.073 -132.153 244.478 -120.471 244.478 -120.471C248.871 -119.063 251.189 -114.905 249.78 -110.514C249.022 -107.66 246.506 -106.005 243.768 -104.898C243.768 -104.898 148.639 -84.8948 90.7941 -7.36359C85.1202 0.66321 79.7727 7.92117 74.9726 14.9577C45.0891 60.7994 39.4972 91.0846 38.344 105.563C51.486 100.248 74.9274 92.041 105.522 90.4946C126.797 89.5333 150.495 91.4132 176.628 99.3143C245.368 121.192 319.583 80.9859 325.933 77.781C330.313 76.0093 335.032 76.6486 337.129 80.2588C338.679 84.0904 337.817 88.2604 334.426 90.9053C307.618 108.117 296.294 130.53 291.96 145.021C298.31 141.816 304.333 139.379 311.673 137.048C324.384 133.818 340.066 133.207 365.081 135.192C382.522 135.781 399.835 131.326 413.408 123.926C426.981 116.526 437.362 105.959 440.065 95.3122C448.406 67.0995 471.731 57.0292 471.731 57.0292C475.564 55.479 480.504 56.6657 482.054 60.4972C482.496 61.592 482.939 62.6866 482.834 64.0028C483.429 76.5004 480.633 91.6431 477.277 103.827C501.534 78.7316 513.045 47.3265 517.215 18.2531C521.933 -11.0419 519.859 -38.2266 517.493 -55.1032L457.516 -20.6557C447.228 -14.5844 435.717 -13.1133 423.973 -15.3695C412.776 -17.8472 401.568 -23.5046 391.77 -33.5535L389.568 -35.8474Z' fill='white' /%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_29_1241' cx='0' cy='0' r='1' gradientTransform='matrix(-287.089 187.315 -117.914 -547.089 297.615 54.1133)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237CB2AA' /%3E%3Cstop offset='1' stop-color='%2384C5A7' /%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat right top;
}

.club_sections tbody tr[data-training-id="934446782"] a {
    background-color: #7CB2AA;
}

.club_sections tbody tr[data-training-id="619738062"] a {
    background-color: #7CB291;
}

.club_sections tbody.training-group-special .stream-title {
    display: block;
    max-width: 140px;
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 28px;
    line-height: 1.2;
    color: #fff;
}

.club_sections tbody.training-group-special a::after {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 30px;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 0.97;
    color: #fff;
    box-shadow: 0 2px 0 0 #44846e;
    background: linear-gradient(176deg, #33363f 0%, #1d1d1b 100%);
    border-radius: 6px;
    border: none;
}

.club_sections tbody.training-group-special .training-image {
    width: 110px;
    height: 110px;
}


/* Другие разделы */

.club_sections tbody.training-group-other .training-image {
    width: 80px;
    height: 80px;
}

.club_sections tbody.training-group-other a {
    background: radial-gradient(325.22% 134.36% at 78.73% 32.02%, #84c5a7 0%, #84c5a7 100%);
}

.club_sections tbody.training-group-other a .stream-title {
    display: block;
    max-width: 150px;
    font-family: "Geologica", sans-serif;
    font-weight: 200;
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
}

.club_sections tbody.training-group-other a::after {
    display: inline-block;
    margin-top: 16px;
    
    font-family: "Geologica", sans-serif;
    font-weight: 250;
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
    border-bottom: 1px dashed rgba(255,255,255,0.5);
    transition: all .3s;
}

.club_sections tbody.training-group-other tr:hover a::after {
    border-bottom-color: transparent;
}

@media (max-width: 1200px) {
    .club_sections tbody.training-group-special .stream-title {
        font-size: 24px;
    }
    .club_sections tbody.training-group-special .training-image {
        width: 80px;
        height: auto;
    }
    
    .club_sections tbody.training-group-other .stream-title {
        max-width: 120px !important;
        font-size: 20px !important;
    }
    .club_sections tbody.training-group-other .training-image {
        width: 60px;
        height: auto;
    }
}

@media (max-width: 992px) {
    .club_sections tbody.training-group-special .stream-title {
        font-size: 20px;
        max-width: 110px !important;
    }
    .club_sections tbody.training-group-special .training-image {
        top: 45px;
        width: 60px;
        right: 10px;
    }
    
    .club_sections tbody.training-group-other .stream-title {
        max-width: 100px !important;
        font-size: 16px !important;
    }
    .club_sections tbody.training-group-other .training-image {
        top: 40px;
        right: 10px;
        width: 50px;
    }
}

@media (max-width: 700px) {
    .club_sections tbody {
        flex-wrap: wrap;
    }
    
    .club_sections tbody.training-group-special tr {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
    
    .club_sections tbody.training-group-other tr {
        flex: 1 1 45% !important;
        max-width: 50% !important;
        margin: 0 !important;
    }
    
    .club_sections tbody.training-group-special {
        margin-bottom: 20px;
    }
}

/* Виджеты в клубе */
.club_widgets .xdget-row {
    display: flex;
    gap: 25px;
    margin: 0;
}

.club_widgets .xdget-row::before,
.club_widgets .xdget-row::after {
    display: none;
}

.club_widgets .xdget-row > div {
    padding: 0;
}

.club_widgets .xdget-row > div:nth-child(1) {
    flex: 0 0 250px;
    max-width: 250px;
}

.club_widgets .xdget-row > div:nth-child(2) {
    flex: 1 1 35%;
    max-width: 100%;
}

.club_widgets .xdget-row > div:nth-child(3) {
    flex: 0 0 360px;
    max-width: 360px;
}

.club_widgets .xdget-row .wg_events {
    height: 425px;
}

.club_widgets .xdget-row .wg_events .all_events {
    height: 345px;
}

/* Виджет промокодов */
.wg_promo {
    margin-bottom: 24px;
    padding: 20px;
    background: #7c9bb2;
    border-radius: 10px;
}

.promo_info .html-content {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fff;
}

.promo_info .html-content strong {
    display: block;
    margin-top: 12px;
    font-size: 28px;
}

.promo_btn {
    margin-top: 56px;
    padding: 10px 30px;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 0.97;
    color: #fff;
    box-shadow: 0 2px 0 0 #58768d;
    background: linear-gradient(176deg, #33363f 0%, #1d1d1b 100%);
    border-radius: 6px;
    border: none;
    transition: all .3s;
}

.promo_btn:hover {
    transform: scale(1.04);
}

/* Виджет бонусныйх рублей */
.club_widgets .wg_bonuses {
    padding: 20px;
}

.club_widgets .wg_bonuses .xdget-header {
    font-family: "Geologica", sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #1d1d1b;
}

.club_widgets .wg_bonuses .xdget-userProfileBalance {
    font-size: 28px;
}

.club_widgets .wg_bonuses button {
    margin-top: 50px;
    padding: 10px 30px;
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 0.97;
    color: #fff;
    box-shadow: 0 2px 0 0 #7cb2aa;
    background: linear-gradient(176deg, #33363f 0%, #1d1d1b 100%);
    border-radius: 6px;
    border: none;
    transition: all .3s;
}

.club_widgets .wg_bonuses button:hover {
    transform: scale(1.04);
}

/* Виджет журнала */
.club_journal {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    
    padding: 12px 12px 12px;
    
    background: radial-gradient(325.22% 134.36% at 78.73% 32.02%, #7cb2aa 0%, #84c5a7 100%);
    border-radius: 10px;
    
    transition: all .3s;
}

.club_journal:hover {
    transform: scale(1.04);
    cursor: pointer;
}

.club_journal img {
    position: relative;
    top: 4px;
}

.club_journal .html-content {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 24px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fff;
}

@media (max-width: 1200px) {
    .club_widgets .xdget-row .wg_events {
        height: 400px;
    }
    
    .club_widgets .xdget-row .wg_events .all_events {
        height: 300px;
    }
}

@media (max-width: 992px) {
    .club_widgets .xdget-row {
        flex-wrap: wrap;
    }
    
    .club_widgets .xdget-row .wg_events {
        height: 425px;
    }
    
    .club_widgets .xdget-row .wg_events .all_events {
        height: 340px;
    }
}

@media (max-width: 700px) {
    .club_widgets .xdget-row > div {
        flex:  1 1 100% !important;
        max-width: 100% !important;
    }
    
    .club_widgets .xdget-row > div:nth-child(2) {
        order: 1;
    }
    
    .club_widgets .xdget-row > div:nth-child(3) {
        order: 2;
    }
    
    .club_widgets .xdget-row > div:nth-child(1) {
        order: 3;
    }
}